/* 
    Document   :default.css
    Created on :March 27, 2011
    Last update:March 28, 2011
    Author     :Nguyen Duc Phu <nducphu@gmail.com>
    Description:
        The default css of all page
*/

/* 
   Body and font
*/

root{
    display:block;
}
body{
    margin:auto;
    font-size:100%;
    font-family: Arial, Tahoma, Verdana;
    color:black;
    /* layout center align for @ie6 */
    text-align:center;
    /* change the background here for each application design */
    /* config */
    background:black;
}
/*adding for fixed bug display different between customer & developer enviroment*/
textarea{
    font-family:sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px;
}
h1,h2, h3{
    font-weight:bold;
}
h1{   
    font-size:125% !important;
}
h2{
    font-size:100% !important;
}
h3{
    font-size:87.5% !important;
}
a{
    cursor:pointer;
}
/*
    The main with always is 960px and default font size is 14px
*/
#main{
    /* align center for @firefox */
    margin:auto;
    /*comment for quick fix member module*/
    width:960px;
    font-size:87.5%;
    background-color: white;
    text-align: left;
}

/*
    The wrap class, wrap of almost attribute in CSS
*/

/* float */
.fcenter{
    text-align:center;
    margin:auto;
}
.fleft{float:left;}
.fright{float:right;}

/*text align*/
.aleft{text-align: left;}
.acenter{text-align: center;}
.aright{text-align: right;padding-right:1px;}

/* clear */
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

/* Space:The empty div put in between other html element for manual padding. */
.space5{height:5px; clear:both;}
.space10{height:10px; clear:both;}
.space15{height:15px; clear:both;}
.space20{height:20px; clear:both;}

/*width by percent*/
.w100p{width:100%;}
.w95p{width:95%;}
.w90p{width:90%;}
.w85p{width:85%;}
.w80p{width:80%;}
.w75p{width:75%;}
.w70p{width:70%;}
.w65p{width:65%;}
.w60p{width:60%;}
.w55p{width:55%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w40p{width:40%;}
.w35p{width:35%;}
.w30p{width:30%;}
.w25p{width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w10p{width:10%;}
.w5p{width:5%;}

/*width by pixel*/
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w81{width:81px;}
.w82{width:82px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width: 140px;}
.w150{width:150px;}
.w160{width: 160px;}
.w165{width: 165px;}
.w170{width:170px;}
.w180{width:180px;}
.w185{width:185px;}
.w200{width:200px;}
.w230{width:230px;}
.w235{width:235px;}
.w240{width:240px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

/* height */
.h100p{height:100%;}
.h5{height:5px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}

.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h120{height:120px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}

/*cursor*/
.cpointer{cursor:pointer;}
.cdefault{cursor:default;}

/*color*/
.red{color:red;}
.blue{color:blue;}
.white{color:white;}
.black{color:black;}
.gray{color:gray;}

/* transparent for div, background... */
.trans-default, .tran-20p, .trans-50p{

}

/*
    Min height for ie6 and all browser
*/
/* because IE6 ignores the min-height property, fix by !important */
.min-h100{
    min-height:100px;
    height:auto !important;
    /*the height alone must be after height auto*/
    height:100px;
}
.min-h200{
    min-height:200px;
    height:auto !important;
    height:200px;
}
/* other min height value put in your custom css */

/*
    Fix bug duplicate margin for IE6 when and properties is float.
    - Name "fmargin-r10": It's mean: Float right with margin is 10px;
    - Name "fmargin-l20": Float left with margin 20px
*/
.fmargin-r10{
    float:right;
    margin-left:10px;
    display:inline;
}
.fmargin-l20{
    float:left;
    margin-left:20px;
    display:inline;
}

.wrap{
    word-wrap: break-word;
    overflow-x: hidden;
    display: block;
}

label{
    cursor: pointer;
}
div.hidden-long-text{overflow:hidden;}
.wrap-in-list{
    overflow:hidden;
    line-height: 16px;
    height: 16px;
}
.bg-white{background-color: white !important;}
.bg-red{background-color: red !important;}
.bg-blue{background-color: blue !important;}
.bg-yellow{background-color: yellow !important;}